<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0">
    <title>社区店商品详情</title>
    <link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="details.js"></script>
    <link rel="stylesheet" href="./details.css">
</head>
<body>
<br>
<div class="container-fluid Shuffling-figure">
    <!--//轮播图-->
    <div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner" style="width: 100%;height: 150px;margin: 0 auto">
            <div class="item active">
                <img id="image1" src="../image/~(D63OVE0FO3U)@A9R9)O%258.png" alt="Third slide">
            </div>
            <div class="item">
                <img id="image2" src="../image/292994-20170602000741461-1255075605.png" width="300" alt="Third slide">
            </div>
            <div class="item">
                <img id="image3" src="../image/292994-20170602000741461-1255075605.png" width="300" alt="Third slide">
            </div>
        </div>
    <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!--主题-内容-->
    <div id="content">
        <h4 id="goods_name">博兰特啤酒</h4>
        <div style="width: 100%;float: left;">
            <p id="goods_title" style="color: #0D0D0D">冰凉夏日，哈哈哈哈哈,闪电。
            视为不详之猫，黑暗之猫，魔女之花，听你这么怎么说我也觉得，很漂亮
            </p>
            <p ><samp id="goods_subtitle">脑子有坑，没法治，只能喝喝啤酒才能维持的了生活，没办法了啦</samp><span id="goods_content"></span></p>
        </div>
        <div id="buy">
            <p style="color: red;font-size: 15px">￥<samp id="price">24.00</samp></p>
            <div class="sales"><samp id="salesSum">2195</samp>人购买</div>
        </div>
    </div>
    <div class="clic">
        <div class="scope">
            <p onclick="red()" class="reduction">-</p>
            <p id="sum">0</p>
            <p onclick="adds()" class="add">＋</p>
        </div>
        <div class="submit" onclick="buy()">立即购买</div>
    </div>
</div>
<div style="width: 100%;height: 400px;float: left;margin: 0 auto">
    <div style="float: left;width: 100%;text-align: center"><span style="color: #f8f79b;">一</span> 商品详情 <span style="color: #f8f79b;">一</span></div>
    <img src="" style="float: left;width: 100%" id="details_img1">
    <img src="" style="float: left;width: 100%" id="details_img2">
    <div id="contents"></div>
</div>
<!--<a href="./payState/payFailure.html"></a>-->

<script language="JavaScript">

</script>

</body>
</html>